@CHARSET "UTF-8";

div#infofield {
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	width: 610px;
}

label.error {
 	padding-left: 22px;
 	background: url('/assets/img/icons/error16.png') center right no-repeat;
 }

#full-content {
	margin-bottom: 0px;
}
#left-content {
	margin-top: 0px;
}

div#recipeinformation {
	font-size: 0.75em;
}

table#captiontable {
	font-size: 0.75em;
}

td.captiontable-val {
	text-align: left;
	padding-left: 10px;
}
	
td.captiontable-id {
	font-weight: 900;
	text-align: left;
}

input#people {
	width: 2em;
	border: 1px solid #bbb;
}

/* Recipe-Informations-List */
#informations-list {
	margin-right: 10px;
}

#imagecontainer {
	margin-right: 10px;
}

table.imagetable {
	width: 270px;
	margin-bottom: 2px;
}

table.imagetable td {
	padding: 5px;
	
	border: 1px dotted #b3b3b3;
	background: #fff;
}

table.informations {
	font-size: 0.75em;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 270px;
	margin-bottom: 2px;
}

table.informations td {
	border: 1px dotted #b3b3b3;
	padding: 2px;
 	padding-left: 10px;
 	padding-right: 10px;
}

tr.informations:hover td {
	background: #feb300;
}

tr.informations td {
	background: #ededed;
}
td.infoname {
	width: 130px;
	font-weight: 900;
}

/* Actions-List */
#options-list {
	margin-right: 10px;
}

table.options {
	font-size: 0.75em;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 270px;
	margin-bottom: 2px;
}

table.options td {
	border: 1px dotted #b3b3b3;
	padding: 2px;
 	padding-left: 10px;
 	padding-right: 10px;
}

td.options-content {
	 background: #ededed;
	 valign: center;
}

/* Ingredients-List */
#ingredients-list {
	margin-right: 10px;
}

table.ingredients {
	font-size: 0.75em;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 270px;
}

tr.ingredients:hover td {
	background: #feb300;
}

table.ingredients td {
	border: 1px dotted #b3b3b3;
	padding: 2px;
 	padding-left: 10px;
 	padding-right: 10px;
}

h1.viewrecipe {
	margin: 0px;
	padding: 0px;
}

td.header {
	background: #b3b3b3;
	vertical-align: bottom;
	font-weight: 900;
	font-size: 1em;
}

td.ingredients_r1 {
	background: #ededed;
	width: 35px;
	text-align: right;
}
td.ingredients_r2 {
	background: #ededed;
	font-style: italic;
	width: 20px;
}
 	
td.ingredients_l {
 	background: #ededed;
 	font-weight: 900;
}

div.list {
	margin-top: 2px;
	margin-bottom: 10px;
}

div#maincontent {
	font-size:0.75em;
	padding-left: 10px;
}

ul {
	list-style-image:url('/assets/img/icons/ul-dot.png');
}

div#maincontent ul {
	margin-left: 20px;
	list-style-image:url('/assets/img/icons/ul-dot.png');
}
	
div#maincontent ol {
	margin-left: 20px;
	list-style-image: none;
}
	
	/* TOC Styles */	
	div#toc {
		position: relative;
	}
	
	div.tocheader {
		padding: 4px;
		border-bottom: 1px solid #939393;
		font-weight: bolder;
	}

	div#toc ul.toc {
		margin-left: 10px;
		list-style: none;
		font-weight: normal;
	}
	
	a.external {
		background: url('/assets/img/icons/external.png') center right no-repeat;
		padding-right: 13px;
	}
	
	a.download {
		background: url('/assets/img/icons/dl.png') center left no-repeat;
		padding-left: 26px;
	}
	
	
	pre {
		font-size: 1.2em;
		padding: 4px;
		overflow: auto
	}

	.right {
		float: right;
	}
	
	.left {
		float: left; 
	}
	
	.indent10 {
		text-indent: 10px;
	}
	
	.nofloat {
		float: none; 
	}
	
	.clearboth {
		clear: both;
	}
	
	.clearnone {
		clear: none;
	}
	
	.border {
		border: 1px solid black;
	}

	.noborder {
		border: 0px;
	}
	
	div.codebox {
		border: 1px solid #adb345;
		margin-left: 20px;
		background: #f7f9de;
	}
	
	div.codeheader {
		padding: 4px;
		background: #e6e8cd;
		border-bottom: 1px solid #adb345;
	}
	
	div.imgborder {
		border: 1px solid #666;
		background: #eee;
		padding: 4px;
		margin: 4px;
	}
	
	div.withzoom {
		background: url('/assets/img/icons/zoom.png') top right no-repeat;
		padding-right: 13px;
	}
	
	div.imgcaption {
		margin: 2px;
	}
	
	div.imginner {
		border: 1px solid #666;
		padding: 1px
	}